@charset "utf-8";

@import "_iconfont.scss";

@function r($px){
    @return($px/40) * 1rem
}
a{
    height: 100%;
    display: inline-block;
}

#web{
     width: r(750);
    height: 100%;
    position: relative;
    .flhead{
        width: 100%;
        height: 94px;
        overflow: hidden;
        text-align: center;
        .kuangk{
            width: 84px;
            height: 39px;
            border: 1px solid #ff9240;
            border-radius: 10px;
            float: left;
            text-align: center;
            margin-top: r(50);
            margin-left: r(25);
            p{
                line-height: 39px;
                font-size: 17px;
            }
        }
        span{
            line-height: 94px;
            font-size: r(34);
        }
        .wdd{
            float: right;
             margin-top: r(50);
            margin-right: r(25);
            .iconfont{
                color: #ff9240;
                font-size: 30px;
            }
        }
    }
    .session{
    position: absolute;
    top: 75px;
    bottom: 92.5px;
    left: 0;
    right: 0;
    
    overflow: scroll;
    //弹性滚动
    -webkit-overflow-scrolling: touch;
    .wdph{
        width: 100%;
        .wdright{
            display: inline-block;
            margin: 0 r(50);
            img{
            border-radius: 50%;
            width: r(115);
            display: inline-block;
             }
        }
        .wdleft{
           display: inline-block;
            p{
                font-size: r(40);
                line-height: r(70);
            }
        }
    }
    .wdtx{
        width: 100%;
        display: -webkit-flex;
        display: flex;
        flex-direction: row;
        justify-content: space-around;  
        margin: r(15) 0;
       .wdson{
           display: inline-block;
            img{
           width: r(133);
             }
       } 
       .wddl{
           display: inline-block;
           width: r(100);
           height: r(50);
           border-radius:40% ;
           background: #fe9343;
          text-align: center;
           p{
               color: #FFFFFF;
                font-size: r(18);   
                line-height: r(50);
           }
       }
    }
        .yhtggd{
            margin: r(25) 0;
         .yhtg{
            font-size: r(20);
            display: inline-block;
            text-align: center;
            line-height: r(70);
            margin-left: r(20);
          img{
              margin-top: 5px;
              width: r(65);
              float: left;
          }
        }
        .gd{
            font-size: r(18);
            float: right;
            text-align: center;
            line-height: r(70);
            display: inline-block;
            margin-right: r(20);
            .iconfont{
                font-size: r(18);
                color: #fe9343;
            }
        }
    }
 }   
    footer{
    width: r(750);
    height: 92.5px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #f1f1f1;;
    ul{
        
    li{
        width: 25%;
        height: 92.5px;
        float: left;
        line-height: 1.3;
        text-align: center;
        p{
            font-size: r(34);
        }
        .iconfont{
            font-size: 40px;
            //透明
            color: transparent;
            //描边
            -webkit-text-stroke: 2px #fe9343;
        }
        a:visited .iconfont{
            color: #fe9343;
             }
          }
     }
}
}
